<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>悬停提示图标</title>
    <!-- !网页title的小图标  sizes可不设置-->
    <link rel="icon" href="./title.jpg" sizes="32x32">

    <link rel="stylesheet" href="style.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
    <div class="wrapper">
        <div class="icon icon1">
            <div class="tooltip">test-word</div>
            <span><i class="fa fa-address-card"></i></span>
        </div>
    </div>
    <div class="wrapper">
        <div class="icon icon2">
            <div class="tooltip">test-word</div>
            <span><i class="fa fa-envelope-open"></i></span>
        </div>
    </div>
    <div class="wrapper">
        <div class="icon icon3">
            <div class="tooltip">test-word</div>
            <span><i class="fa fa-clock-o"></i></span>
        </div>
    </div>
    <div class="wrapper">
        <div class="icon icon4">
            <div class="tooltip">test-word</div>
            <span><i class="fa fa-window-restore"></i></span>
        </div>
    </div>
    <div class="wrapper">
        <div class="icon icon5">
            <div class="tooltip">test-word</div>
            <span><i class="fa fa-bicycle"></i></span>
        </div>
    </div>
</body>

</html>